<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <div></div>
    <script>
        //自定义属性目的是为了保存并使用数据，有的数据可以保存在页面中不用保存再数据库中
        //自定义属性是通过getAttribute('属性')来获取  但是有些自定义属性很容易引起歧义所以H5新增了自定义属性
        // H5 规定自定义属data-开头作为属性名并且赋值 例如<div data-index = "1"></div>
        //获取自定义属性 element,getAttribute('data-index')
        //设置新的自定义属性 element.setAttribute('data-index',2)
        //H5新增element.dataset.index 获者element.dataset['index']  ie才支持
            </script>
</body>
</html>